layui.use([ 'element', 'form' ], function() {
	var element = layui.element(), form = layui.form();
	var yearSet = new Array();

	$("input[type='radio']").change( function() {
		// 这里可以写些验证代码
		console.info("3333333333333333");
	});

	form.on('radio(searchType)', function(data){
		console.log(data);
		if (this.value == "0") {
			$('select').empty();
			// 追加option
			if (yearSet) {
				$("#searchName").append("<option value=''>请选择查询年份</option>");
				for (var i=0;i<yearSet.length;i++){
					$("#searchName").append("<option value='"+yearSet[i]+"'>"+yearSet[i]+"</option>");
				}
				form.render("select", "searchName");
			}
			// 季度
		} else if (this.value == "1") {
			$('select').empty();
			// 追加option
			if (yearSet) {
				$("#searchName").append("<option value=''>请选择查询季度</option>");
				for (var i=0;i<yearSet.length;i++){
					$("#searchName").append("<option value='"+yearSet[i]+"01'>"+yearSet[i]+"年第一季度</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"02'>"+yearSet[i]+"年第二季度</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"03'>"+yearSet[i]+"年第三季度</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"04'>"+yearSet[i]+"年第四季度</option>");
				}
				form.render("select", "searchName");
			}
			//月份
		} else if (this.value == "2") {
			$('select').empty();
			// 追加option
			if (yearSet) {
				$("#searchName").append("<option value=''>请选择查询月份</option>");
				for (var i=0;i<yearSet.length;i++){
					$("#searchName").append("<option value='"+yearSet[i]+"-01'>"+yearSet[i]+"年一月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-02'>"+yearSet[i]+"年二月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-03'>"+yearSet[i]+"年三月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-04'>"+yearSet[i]+"年四月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-05'>"+yearSet[i]+"年五月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-06'>"+yearSet[i]+"年六月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-07'>"+yearSet[i]+"年七月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-08'>"+yearSet[i]+"年八月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-09'>"+yearSet[i]+"年九月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-10'>"+yearSet[i]+"年十月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-11'>"+yearSet[i]+"年十一月</option>");
					$("#searchName").append("<option value='"+yearSet[i]+"-12'>"+yearSet[i]+"年十二月</option>");
				}
				form.render("select", "searchName");
			}
		}
	});


	$(function(){
		$.ajax({
			type : "post",
			url : rootPath + "/report/getWashYear.shtml",
			cache : false,
			async : false,
			dataType : "json",
			success : function(obj) {
				if (obj.status) {
					yearSet = obj.content;
					$("#searchName").append("<option value=''>请选择查询年份</option>");
					for (var i=0;i<yearSet.length;i++){
						$("#searchName").append("<option value='"+yearSet[i]+"'>"+yearSet[i]+"</option>");
					}
				}
			}
		});

	});

	form.verify({
		required : function(){
			if(!$("#searchName").val()){
				layer.msg('时间选择不能为空！', {
					icon : 1
				});
				return false;

			}
		}
	});
	
	
	var config = {
		url : "./report/getWashPage.shtml",// 获取数据的url
		page : false,
		select : false,
		columns : [ {
			text : '洗涤厂名称',
			name : 'washName',
			width : 20
		}, {
			text : '洗涤厂数量',
			name : 'washNum',
			width : 20
		}],
		// 事件 一定要return
		onBeforeLoad : function(param) {
			return param;
		},
		onLoadSuccess : function(data) {
			return data;
		},
		dataFilter : function(data) {
			return data;
		}
	};
	$("#table").jfTable(config);

	form.on('submit(formQuery)', function(data) {
		refreshUserList();
		return false;
	});
});

// 刷新用户列表
function refreshUserList() {
	var washName= $('#washName').val();
	var searchType = $("input[name='searchType']:checked").val();
	var searchName = $('#searchName').val();
	var obj = {};
	if (!searchType) {
		layer.msg('请选择时间类型！', {
			icon : 1
		});
		return;
	}
	if (!searchName) {
		layer.msg('请选择时间段！', {
			icon : 1
		});
		return;
	}
	layer.load(1);
	obj.washName = washName;
	obj.searchType = searchType;
	obj.searchName = searchName;
	$("#table").jfTable("reload",obj);
}